<template>
<div >
  <mindmap height="50%" class="mind" v-model="data"></mindmap>
</div>
</template>

<script>
// 在你的vue文件中引入思维导图组件
import mindmap from '@hellowuxin/mindmap'
export default {
  name: 'manage',
  components:{
    mindmap
  },
    data: () => ({
      data: [{
        "name":"如何学习D3",
        "children":
          [
            {
              "name":"预备知识",
              "children":
                [
                  {"name":"HTML & CSS", "children": []},
                  {"name":"JavaScript", "children": []}]
            },
            {
              "name":"安装",
              "children": []
            },

          ]
      }]
    })

}
</script>

<style scoped>
.mind{
 weight:50% ;
  height: 100px;
 /* draggable:true*/
}
</style>
